/*
Interface générale
*/
/* 
    Created on : 17 avr. 2014, 11:36:12
    Author     : Donat Kamary
*/
#main-container{
    width: 100%;
    height: 100%;
    position: relative;
}

#top{
    width: 100%;
    height: 2em;
    background: #333333;
    color: #ffffff;
}

#left{
    width: 20%;
    height: 100%;
    float: left;
    background: #333333;
    color: #ffffff;
}

#right{
    width: 80%;
    height: 100%;
    float: right;
    background: #f6f5f5;
}

#bottom{
    width: 100%;
    height: 2em;
    background: #333333;
    color: #ffffff;
    clear: both;
}

.element{
    border-radius: 1em 0 0 1em;
    text-indent: 10px;
}

.element:hover, .active{
    background: #f6f5f5;
    color: #333333;
}